<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- css --> 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="materialize/css/materialize.min.css" media="screen,projection" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet"> 
<link href="css/flexslider.css" rel="stylesheet" /> 
<link href="css/style.css" rel="stylesheet" />
 
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

</head>
<body>
<audio controls="controls" hidden="hidden" autoplay="autoplay" loop="loop">
     <source src="sounds/1.mp3" type="audio/mpeg" />
	</audio>
<div id="wrapper" class="home-page"> 
	<header class="topbar">
		<div class="container">
			<div class="row">
				<!-- social icon-->
				
				<div class="col-sm-2">
					<div class="row">
						<ul class="info"> 
							<li><a href="#" title="694603853@qq.com" ><i class="icon-info-blocks material-icons">question_answer</i></a></li>
							<li><a href="#" title="15827658210"><i class="icon-info-blocks material-icons">perm_phone_msg</i></a></li>
						</ul>
						<div class="clr"></div>
					</div>
				</div>
				<!-- info -->

			</div>
		</div>
	</header>
		
	<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.html"><i class="icon-info-blocks material-icons">polymer</i>BEYOND</a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav">
                        <li class="active"><a class="waves-effect waves-dark" href="index.html">主页</a></li> 
						 <li><a class="waves-effect waves-dark" href="picture.html">图片</a></li>
						<li><a class="waves-effect waves-dark" href="games.html">小游戏</a></li>
                        
                        <li><a class="waves-effect waves-dark" href="text.html">日志</a></li>
                       <!-- <li><a class="waves-effect waves-dark" href="contact.html">Contact</a></li>-->
                        
                        <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">关于我<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                           
                            <li><a class="waves-effect waves-dark" href="#" title="这是我第一次做网站，毫无疑问用的是模板做的。这里面有很多技术我并不知道是怎么做出来的，我只是大概知道怎么用，并且基本达到我想要的效果。当然，为了做这个网站我花了很长时间，也花了很多心思，尽管如此，我仍觉得是值得的！">我的自白</a></li>
                            <li><a class="waves-effect waves-dark" href="tongji.html" target="_blank">流量统计</a></li> 
                            <li><a class="waves-effect waves-dark" href="#"></a></li>
                        </ul>
                    </li> 
                    </ul>
                </div>
            </div>
        </div>
	</header>
	
	
	
	
	<!-- end header -->
	<section id="banner">
	 
	<!-- Slider -->
        <div id="main-slider" class="flexslider">
            <ul class="slides">
              <li>
                <img src="img/slides/1.jpg" alt="" />
                <div class="flex-caption">
                    <h3>我的主页</h3> 
					<p>beyond</p> 
					 
                </div>
              </li>
              <li>
                <img src="img/slides/2.jpg" alt="" />
                <div class="flex-caption">
                    <h3>我是要成为海贼王的男人！</h3> 
					<p>我决定了要成为海贼王便要为此而战，就算死也没关系</p> 
					 
                </div>
              </li>
            </ul>
        </div>
        
        
    
	<!-- end slider --> 
	</section>  
	
	
	
	
	
	<div style="background-color: white; height=50px; width: auto; margin: 50px;">
                 
    </div>
	
	
	
	<!-- 	<section id="content"> 
	<div class="container">
	
		<section class="services">
	    	<div class="row">
			<div class="col-md-12">
				<div class="aligncenter"><h2 class="aligncenter">区块链</h2><span class="sone">区块链(Blockchain)</span>是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的
				新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法。区块链是比特币的底层技术，像一个数据库账本，记载所有的交易记录。
				这项技术也因其安全、便捷的特性逐渐得到了银行与金融业的关注。 
              <p>            狭义来讲，区块链是一种按照时间顺序将数据区块以顺序相连的方式组合成的一种链式数据结构， 并以密码学方式保证的不可篡改和不可伪造的分布式账本。
			  广义来讲，区块链技术是利用块链式数据结构来验证与存储数据、利用分布式节点共识算法来生成和更新数据、利用密码学的方式保证数据传输和访问的安全、
			  利用由自动化脚本代码组成的智能合约来编程和操作数据的一种全新的分布式基础架构与计算方式。</p></div>
				<br/>
			</div>
		</div>

	 <div class="row">
            <div class="col-sm-4 info-blocks">  
                <div class="info-blocks-in">
				<i class="icon-info-blocks material-icons">perm_identity</i>
                    <h3>Consulting</h3>
					<div class="line"></div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                </div>
            </div>
            <div class="col-sm-4 info-blocks"> 
                <div class="info-blocks-in">
				 <i class="icon-info-blocks material-icons">card_travel</i>
                    <h3>Finance</h3>
					<div class="line"></div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                </div>
            </div>
            <div class="col-sm-4 info-blocks">
                <div class="info-blocks-in">
                <i class="icon-info-blocks material-icons">important_devices</i>
                    <h3>Development</h3>
					<div class="line"></div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt</p>
                </div>
            </div>
        </div> 
		</section>
	</div>
	</section>-->
		<section class="dishes">
		<div class="container">
	 	<div class="row">
			<div class="col-md-40">
				<div class="aligncenter"><h2 class="aligncenter">海 贼 王</h2>“财富 名声 力量 曾经拥有这世界上一切的男人 海贼王 哥鲁 D 罗杰 他在临刑前的一句话 </br>让全世界的人们纷纷奔向大海 老子的财宝吗？ 有种的话就去领吧！ 我把世界上的一切都放到了那里 </br>于是男子汉们启程前往伟大航路追寻梦想 大海贼时代来临了！” </div>
				<br/>
			</div>
		</div>
	
	<div class="row service-v1 margin-bottom-50">
            <div class="col-md-4 md-margin-bottom-50">
					<div class="card small">
                        <div class="card-image">
                             <img class="img-responsive" src="img/01_r1_c1.jpg" alt="">  
                            <span class="card-title">波特卡斯·D·艾斯</span>
                        </div>
                        <div class="card-content">
                            <p>
                                “火拳”艾斯是白胡子海贼团第二队队长，实力不凡。曾被一度邀请加入七武海。
                                后被黑胡子击败，并且交与海军，关押在海底大监狱。后因为保护路飞用身体去挡海军大将赤犬的岩浆拳，
                                结果被贯穿了身体。内脏也被烧伤，船医通过检查发现其内脏已被烧坏无法医治，因伤势过重死亡。
                            </p>
                        </div>
                    </div>        
            </div>
			   <div class="col-md-4 md-margin-bottom-40">
					<div class="card small">
                        <div class="card-image">
                             <img class="img-responsive" src="img/11401975_1335507889226_r2_c1_r1_c1.jpg" alt="">  
                            <span class="card-title">罗罗诺亚·索隆</span>
                        </div>
                        <div class="card-content">
                            <p>
                               
                                          罗罗诺亚·索隆是悬赏过亿的三刀流剑士，超新星11人之一。
                                         爱喝酒，爱睡觉，讲义气，海贼第一超级大路痴。为了小时候与挚友的约定而踏上了前往世界第一剑士的道路，随后成为主角
                                          蒙奇·D·路飞的第一个伙伴。在初次败给"鹰眼米霍克"后发誓永不再败，并且更加努力的锻炼自己。
                            </p>
                        </div>
                    </div>        
            </div>
			   <div class="col-md-4 md-margin-bottom-40">
					<div class="card small">
                        <div class="card-image">
                             <img class="img-responsive" src="img/91112_002_r1_c1.jpg" alt="">  
                            <span class="card-title">艾尼路</span>
                        </div>
                        <div class="card-content">
                            <p>
                               艾尼路是号称自然系最强果实''响雷果实''的能力者，雷电人，可以变成雷电或放电攻击(最大为2亿伏特)，
                               可以光速移动，可以自制电能驱动机器，或借由放电作用产生高温，可配合方舟产生的乌云经自身能力后使用"雷迎"，
                                其威力可将一个岛瞬间消失殆尽。拥有"心纲"(见闻色霸气)的能力。
                            </p>
                        </div>
                    </div>        
            </div> 
        </div>
		</div>
		</section>

	
	<section class="row service-v1 margin-bottom-40">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center">
						<h2>人工智能</h2>
						<p>人工智能是研究使计算机来模拟人的某些思维过程和智能行为（如学习、推理、思考、规划等）的学科，主要包括计算机实现智能的原理、制造类似于人脑智能的计算机，使计算机能实现更高层次的应用。人工智能将涉及到计算机科学、心理学、哲学和语言学等学科。。 </p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-6">
					<div class="about-text">
						<p>   人工智能与思维科学的关系是实践和理论的关系，人工智能是处于思维科学的技术应用层次，是它的一个应用分支。从思维观点看，人工智能不仅限于逻辑思维，要考虑形象思维、灵感思维才能促进人工智能的突破性的发展，数学常被认为是多种学科的基础科学，数学也进入语言、思维领域，人工智能学科也必须借用数学工具，数学不仅在标准逻辑、模糊数学等范围发挥作用，数学进入人工智能学科，它们将互相促进而更快地发展。</p>

						<ul class="withArrow">
							<li><span class="fa fa-angle-right"></span> 发展简史</li>
							<li><span class="fa fa-angle-right"></span> 发展阶段</li>
							<li><span class="fa fa-angle-right"></span> 科学介绍</li>
							<li><span class="fa fa-angle-right"></span> 技术研究</li>
						</ul>
						<a href="https://baike.so.com/doc/2952526-3114987.html" class="btn btn-primary waves-effect waves-dark" target="_blank">了解更多</a>
					</div>
				</div>
				<div class="col-md-6 col-sm-6">
					<div class="about-image">
						<img src="img/2f711d35c8ee4dc9a476d36f6c79e254.jpeg" alt="About Images">
					</div>
				</div>
			</div>
		</div>
	</section>	  
	
	
	
	<section class="row service-v1 margin-bottom-40">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="section-title text-center">
						<h2>区块链</h2>
						<p>区块链(Blockchain)</span>是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法。区块链是比特币的底层技术，像一个数据库账本，记载所有的交易记录。这项技术也因其安全、便捷的特性逐渐得到了银行与金融业的关注。 </p>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-6">
					<div class="about-text">
						<p>   狭义来讲，区块链是一种按照时间顺序将数据区块以顺序相连的方式组合成的一种链式数据结构， 并以密码学方式保证的不可篡改和不可伪造的分布式账本。
			  广义来讲，区块链技术是利用块链式数据结构来验证与存储数据、利用分布式节点共识算法来生成和更新数据、利用密码学的方式保证数据传输和访问的安全、
			  利用由自动化脚本代码组成的智能合约来编程和操作数据的一种全新的分布式基础架构与计算方式。</p>

						<ul class="withArrow ">
							<li><span class="fa fa-angle-right"></span> 系统结构</li>
							<li><span class="fa fa-angle-right"></span> 创世区块</li>
							<li><span class="fa fa-angle-right"></span> 区块发展</li>
							<li><span class="fa fa-angle-right"></span> 应用行业</li>
						</ul>
						<a href="https://baike.so.com/doc/7904080-8178175.html" class="btn btn-primary waves-effect waves-dark" target="_blank">了解更多</a>
					</div>
				</div>
				<div class="col-md-6 col-sm-6">
					<div class="about-image">
						<img src="img/about.jpg" alt="About Images">
					</div>
				</div>
			</div>
		</div>
	</section>	  
 
	<footer>
	
	</footer>
</div>
<a href="#" class="scrollup waves-effect waves-dark"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="materialize/js/materialize.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>  
<script src="js/jquery.flexslider.js"></script>
<script src="js/animate.js"></script>
<!-- Vendor Scripts -->
<script src="js/modernizr.custom.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/animate.js"></script> 
<script src="js/custom.js"></script>


</body>
</html>